<header class="appheader">
    <div class="appheader1">
        <div class="width1188 appheaderbox">
            <div class="logo">
                <a href="/">
                    <img src="/image/logo.png" alt="首页" class="img-responsive" />
                </a>
            </div>
            <div class="head-container">
                <div class="head-menu1">
                    <div class="head-submenu1">换肤</div>
                    <div class="head-submenu1">站内搜索</div>
                    <div class="head-submenu1">
                        <a href="javascript:void(0);" @click="SetHome('SetHome','http://yes.top/')" ref="SetHome">设为主页</a>
                    </div>
                </div>
                <nav class="menu-nav">
                    <div class="weatheriframe">
                        <iframe width="331" scrolling="no" height="46" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=2&site=12"></iframe>
                    </div>
                    <div class="calendar">
                        <!-- <div class="calendar-head">
                        <div>6月14日</div>
                        <div class="getday">周四</div>
                        <div><a href="" class="searchday">农历查询</a></div>
                    </div>
                    <div class="calendar-body">
                        <div class="calendar-bodydesc"><span>宜</span>嫁娶</div>
                        <div class="calendar-desc">安机械</div>
                        <div><a href="" class="constellation">星座运势</a></div>
                    </div> -->
                    </div>
                    <div class="newsbanner">
                        <!-- <a href=""><img src="/image/advertising.png" alt="" class="img-responsive"></a> -->
                    </div>
                    <div class="userlogin">
                        <div class="loginicon" v-show="istruee">
                            <i class="icon iconfont icon-yonghu"></i>
                        </div>
                        <!-- <div class="loginmenu">登录</div>
                    <div class="loginmenu">注册</div> -->
                        <div class="loginmenu" v-show="istruee">
                            <a href="javascript:;" @click="showMask(0)">登录</a>
                        </div>
                        <div class="loginmenu" v-show="istruee">
                            <a href="javascript:;" @click="showMask(1)">注册</a>
                        </div>
                        <div class="loginmenu" v-show="!istruee">
                            <a href="javascript:;">{{emailnumber}}</a>
                        </div>
                        <div class="loginmenu" v-show="!istruee">
                            <a href="javascript:;" @click="signout()">退出</a>
                        </div>
                    </div>
                </nav>

            </div>
        </div>
        <!-- <div class="web-serarch">
        <div class="serarch-menu">
            <div class="search-com">
                <img src="//www.baidu.com/img/baidu_jgylogo3.gif" alt="百度" class="img-responsive" />
                <div class="choose-com">
                    <i class="icon iconfont icon-xiajiantou"></i>
                </div>
            </div>
        </div>
        <div class="search-input">
            <input type="text" class="search-ipt" v-model="searchkey" />
            <button class="search-btn" @click="search">搜索</button>
        </div>
    </div> -->
        <div id="mask" class="mask" style="background-color: #000;width: 100%; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;">
            <!-- <span id="close" style="color: white;font-size: 3rem;display: block; margin-top:-210px;margin-left: 760px; z-index: -1; background-color: red;" @click="hideMask()">
            点击关闭遮罩层
        </span>  @click="hideMask()" -->

        </div>
        <div id="close" class="mask-login">
            <div class="tab-box">
                <div @click="Switcch(0)" :class="[{'aactive':Switch==0}]">登录</div>
                <div @click="Switcch(1)" :class="[{'aactive':Switch==1}]">注册</div>
                <div class="shutDown fr" @click="hideMask()">
                    <img src="/image/close.png" alt="" class="imagg">
                </div>
            </div>
            <div class="Login" v-if="Switch==0" @keydown="quicklogin">
                <input type="text" class="emailnumber" v-model="emailnumber" name="user" placeholder="邮箱:">
                <input type="password" class="emailnumber" v-model="password" name="pass" placeholder="密码:">
                <div class="agreementbox">
                    <label>
                        <input class="agreement" type="checkbox" @click="CheckAgreement">
                        <span class="agreementiptline" v-if="ischeck">√</span>
                    </label>
                    <p class="agreementp tp">
                        下次自动登录
                    </p>
                </div>
                <div class="registered-one clear">
                    <input type="button" value="登录" class="SignUpnow" @click="login()">
                    <a href="javascript:;" @click="Switcch(2)" class="Loginn fr">
                        忘记密码?
                    </a>
                </div>
            </div>
            <div class="registered" v-if="Switch==1" @keydown="quicksubmit" id="form1">
                <input type="text" class="emailnumber" v-model="inputtext.emailnumberr" placeholder="邮箱:">
                <input type="password" class="emailnumber" v-model="inputtext.password1" placeholder="密码:">
                <input type="password" class="emailnumber" v-model="inputtext.password2" placeholder="确认密码:">
                <div class="agreementbox">
                    <label>
                        <input class="agreement" type="checkbox" @click="CheckAgreementt">
                        <span class="agreementiptline" v-if="ischeckk">√</span>
                    </label>
                    <p class="agreementp tp">
                        是否同意
                        <a @click="showprotocol=!showprotocol">本站协议</a>
                        并注册账号
                    </p>
                    <div class="protocol" v-show="showprotocol">
                        <span>

                        </span>
                        <i class="arrow"></i>
                    </div>
                </div>
                <div class="registered-one clear">
                    <input type="button" value="注册" class="SignUpnow" @click="submit()" :disabled="istrue">
                </div>
            </div>
            <div class="forget" v-if="Switch==2" @keydown="quicksubmit">
                <div class="forget-xbox">忘记密码</div>
                <div class="forget-close fr" @click="hideMask()">
                    <img src="/image/close.png" alt="" class="imagg">
                </div>
                <input type="text" class="emailnumber" v-model="inputtext.email" placeholder="邮箱:">
                <div class="emailsend">
                    <input type="text" class="sencode" placeholder="邮箱验证码:" v-model="checkCode">
                    <button type="button" class="emailsendNumber" @click="sendcode" v-html="emailcode">
                    </button>
                </div>
                <input type="password" class="emailnumber" v-model="inputtext.password" placeholder="请输入新密码:">
                <input type="password" class="emailnumber" v-model="inputtext.rpassword" placeholder="请确认新密码:">
                <div class="passwordprompt" v-html="passwordprompt"></div>
                <div class="registered-one">
                    <input type="submit" value="立即重置" class="SignUpnow" @click="submitt">
                </div>
            </div>
        </div>
    </div>
     <div class="web-serarch"  @keydown="quicksearch">
        <div class="serarch-menu">
            <div class="search-com">
                <img :src="'/image/'+imgstr+'.jpg'" class="img-responsive" @click="showdropbox"/>
                <!-- <img src="/image/bing.png" alt="必应" v-show="searchnum == 2" class="img-responsive"/>
                <img src="/image/sogo.png" alt="搜狗" v-show="searchnum == 3" class="img-responsive"/> -->
                <div class="choose-com" @click="showdropbox">
                    <i class="icon iconfont icon-xiajiantou"></i>
                </div>
            </div>
            <div class="search-drop" style="display:none">
                <img v-show="searchnum!=1" src="/image/baidu.png" @click="chiosesearch(1)" alt="">
                <img v-show="searchnum!=2" src="/image/bing.png" @click="chiosesearch(2)" alt="">
                <img v-show="searchnum!=3" src="/image/sogo.png" @click="chiosesearch(3)" alt="">
            </div>
        </div>
        <div class="search-input">
            <input type="text" class="search-ipt" v-model="searchkey" />
            <button class="search-btn" @click="search">搜索</button>
        </div>
    </div>
</header>
<style>
    .web-serarch{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index:-2 !important
    }
    .appheader .passwordprompt{
        line-height: 44px;
        margin-top: 2rem;
        padding-left: 0.7rem;
    }
    #mask{
        position:fixed !important
    }
</style>
<script src="js/jquery-1.11.1.min.js"></script>